h1,
h2,
h3 {
	font-weight: 600;
	margin: 0;
}

h1 {
	font-size: 1.3rem;
}

h2 {
	font-size: 1rem;
}

h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
}

h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.65rem;
	letter-spacing: 0.2ch;
}

.insertionOverlay {
	background: rgba(210, 234, 244, 0.5);
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	max-height: 100%;
	max-width: 100%;
}

.insertionOverlay .label {
	border-radius: 16px;
	box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.4);
	position: absolute;
	right: 0;
	height: 24px;
	padding: 4px 16px 0 16px;
	top: -24px;
	color: white;
	background: var(--builderActionOngoingColor);
}

button {
	border: none;
	background: var(--builderSubtleSeparatorColor);
	outline: none;
	color: var(--builderPrimaryTextColor);
	padding: 10px 12px 10px 12px;
	border-radius: 4px;
	font-size: 0.75rem;
	cursor: pointer;
	display: flex;
	gap: 8px;
	align-items: center;
}

button:has(i + i) {
	gap: 0;
}

button[variant="subtle"] {
	background: unset;
}
button[variant="subtle"]:hover,
button[variant="subtle"]:focus {
	background: var(--builderActionOngoingColor);
	color: var(--builderBackgroundColor);
}

textarea[variant="code"] {
	font-family: Consolas, monospace;
}

input[type="button"],
input[type="submit"],
input[type="radio"],
input[type="reset"],
input[type="color"] {
	cursor: pointer;
}

code {
	font-family: monospace;
}

.markdown code {
	background-color: var(--builderSubtleSeparatorColor);
	padding: 2px;
}

.addNoteCursor {
	cursor:
		url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2235%22%20viewBox%3D%220%200%2030%2035%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_2417_109693)%22%20filter%3D%22url(%23filter0_d_2417_109693)%22%3E%0A%3Cmask%20id%3D%22path-1-inside-1_2417_109693%22%20fill%3D%22white%22%3E%0A%3Cpath%20d%3D%22M15%200C22.732%200%2029%206.26801%2029%2014C29%2019.8214%2025.4464%2024.8114%2020.3906%2026.9229L15%2032.3135L9.6084%2026.9229C4.55307%2024.8112%201%2019.821%201%2014C1%206.26801%207.26801%200%2015%200Z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cpath%20d%3D%22M15%200C22.732%200%2029%206.26801%2029%2014C29%2019.8214%2025.4464%2024.8114%2020.3906%2026.9229L15%2032.3135L9.6084%2026.9229C4.55307%2024.8112%201%2019.821%201%2014C1%206.26801%207.26801%200%2015%200Z%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M20.3906%2026.9229L20.0053%2026.0001L19.8231%2026.0762L19.6835%2026.2157L20.3906%2026.9229ZM15%2032.3135L14.293%2033.0206L15.0001%2033.7276L15.7071%2033.0206L15%2032.3135ZM9.6084%2026.9229L10.3154%2026.2157L10.1759%2026.0762L9.99383%2026.0001L9.6084%2026.9229ZM15%200V1C22.1797%201%2028%206.8203%2028%2014H29H30C30%205.71573%2023.2843%20-1%2015%20-1V0ZM29%2014H28C28%2019.4038%2024.702%2024.0386%2020.0053%2026.0001L20.3906%2026.9229L20.776%2027.8456C26.1908%2025.5843%2030%2020.2389%2030%2014H29ZM20.3906%2026.9229L19.6835%2026.2157L14.2929%2031.6064L15%2032.3135L15.7071%2033.0206L21.0977%2027.63L20.3906%2026.9229ZM15%2032.3135L15.707%2031.6063L10.3154%2026.2157L9.6084%2026.9229L8.90136%2027.63L14.293%2033.0206L15%2032.3135ZM9.6084%2026.9229L9.99383%2026.0001C5.29751%2024.0385%202%2019.4035%202%2014H1H0C0%2020.2385%203.80863%2025.584%209.22297%2027.8456L9.6084%2026.9229ZM1%2014H2C2%206.8203%207.8203%201%2015%201V0V-1C6.71573%20-1%200%205.71573%200%2014H1Z%22%20fill%3D%22white%22%20mask%3D%22url(%23path-1-inside-1_2417_109693)%22%2F%3E%0A%3Cpath%20d%3D%22M15%2010.6667V14.6667M13%2012.6667H17M21%2016C21%2016.3536%2020.8595%2016.6928%2020.6095%2016.9428C20.3594%2017.1929%2020.0203%2017.3333%2019.6667%2017.3333H11.6667L9%2020V9.33333C9%208.97971%209.14048%208.64057%209.39052%208.39052C9.64057%208.14048%209.97971%208%2010.3333%208H19.6667C20.0203%208%2020.3594%208.14048%2020.6095%208.39052C20.8595%208.64057%2021%208.97971%2021%209.33333V16Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3Cfilter%20id%3D%22filter0_d_2417_109693%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2230%22%20height%3D%2235%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%0A%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%0A%3CfeOffset%20dy%3D%221%22%2F%3E%0A%3CfeGaussianBlur%20stdDeviation%3D%220.5%22%2F%3E%0A%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.74902%200%200%200%200%200.796078%200%200%200%200%201%200%200%200%201%200%22%2F%3E%0A%3CfeBlend%20mode%3D%22multiply%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_2417_109693%22%2F%3E%0A%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_2417_109693%22%20result%3D%22shape%22%2F%3E%0A%3C%2Ffilter%3E%0A%3CclipPath%20id%3D%22clip0_2417_109693%22%3E%0A%3Crect%20width%3D%2228%22%20height%3D%2233%22%20fill%3D%22white%22%20transform%3D%22translate(1)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
			0 20,
		pointer;
}
.addNoteCursor [data-writer-unselectable] {
	cursor: default;
}
